@import '~@/styles/theme.less';
.event-page{
    background:rgba(255,255,255,1);
    border-radius:2px;
    padding: 24px;
    
    .ant-dropdown{
        top:54px !important;
        left:-78px !important;
    }
    .table-list{
        box-sizing: border-box;
        .table-title{
            font-family: PingFangSC;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 20.5px;
            color: #112e54;
            padding-bottom: 15.5px;
            border-bottom: 1px solid #f5f6fc;
        }
        .ant-pagination-total-text{
            font-family: PingFang-SC;
            font-size: 12px;
            font-weight: 500;
            margin-right: 9.5px;
            height: 28px;
            line-height: 28px;
            color: #112e54;
            }
            .firstPage, .lastPage {
                cursor: pointer;
                color: rgba(0, 0, 0, 0.65);
                list-style: none;
                min-width: 33px;
                height: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                -webkit-transition: all .3s;
                -o-transition: all .3s;
                transition: all .3s;
                border: 1px solid rgba(17, 46, 84, 0.05);
                padding: 0 8px;
                img {
                  height: 10px;
                }
              }
              .ant-pagination{
                  display: inline-block;
              }
            
          
    } 
    .action{
        span{
            font-size:12px;
            font-family:PingFangSC-Regular,PingFang SC;
            font-weight:400;
            color:@primary-color;
            position: relative;
            display: inline-block;
            cursor: pointer;
        &:not(:last-of-type){
            padding-right: 17px;
            &::after{
                content: "";
                position: absolute;
                right:8.5px;
                width: 1px;
                height: 12px;
                top:50%;
                transform: translateY(-50%);
                background:rgba(239,239,239,1);
            }
        }
        }
    }
    .notAllowed{
        span{
          &:not(:last-of-type){
            cursor: auto;
            color: rgba(23,30,45,0.25);
          }
        }
    }
    .publisher{
        white-space: nowrap;
        max-width: 154px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.event-modal{
    padding-bottom: 0px;
    .ant-modal-header {
        padding: 12px 32px;
        font-size:12px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(23,30,45,0.85);
        background:rgba(248,248,248,1);
        border-bottom: none;
        border-radius: 2px 2px 0 0;
    }
    .ant-modal-title {
        font-size:16px;
        font-family:PingFangSC-Medium,PingFang SC;
        font-weight:500;
        color:rgba(23,30,45,1);
        line-height: 24px;
    }
    .ant-modal-close {
        color: #BDBDBD;
        right: 32px;
    }
    .ant-modal-close-x {
        display: block;
        width: auto;
        height: 48px;
        font-size: 12px;
        line-height: 48px;
    }
    .ant-modal-content {
        border-radius: 2px;
        box-shadow: none;
    }
    .ant-modal-body {
        padding:32px;
        .detail-list{
            padding-bottom: 24px;
            margin-bottom: 24px;
            border-bottom: 1px solid #EFEFEF;
            .detail-item{
                display: flex;
                align-items: center;
                font-size:12px;
                font-family:PingFangSC-Regular,PingFang SC;
                font-weight:400;
                color:rgba(23,30,45,1);
                line-height:22px;
                .detail-item-title{
                    color:rgba(23,30,45,0.45);
                    width: 80px;
                }
             &:not(:first-of-type){
                margin-top: 8px;
             }
            }
        }
        .ant-steps {
            font-family:PingFangSC-Regular,PingFang SC;
        }
        .event-result{
            font-size:12px;
            font-family:PingFangSC-Regular,PingFang SC;
            font-weight:400;
            color:rgba(23,30,45,0.45);
            line-height:22px;
            margin-bottom: 24px;
        }
        .step{
            .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
                color:rgba(23,30,45,1);
            }
            .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:500;
                color:rgba(23,30,45,1);
            }
            .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
                color:rgba(23,30,45,0.25);
            }
            .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
                color: #E53232;
            }
        }
        .ant-steps-label-vertical .ant-steps-item-content {
            margin-top: 5px;
        }
        .ant-steps-item-icon {
            width: 26px;
            height: 26px;
            font-size:12px;
            line-height: 26px;
            text-align: center;
            border: 2px solid rgba(197,199,202,1);
            border-radius: 26px;
            transition: background-color 0.3s, border-color 0.3s;
        }
       
       
        .ant-steps-item-finish .ant-steps-item-icon {
            background-color: #fff;
            border-color: @primary-color;
        }
        .ant-steps-item-process .ant-steps-item-icon {
            background: @primary-color;
            border-color: @primary-color;
        }
        .ant-steps-item-error .ant-steps-item-icon {
            background: #FFFFFF;
            border-color: #E53232;
        }
        .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
            color:rgba(23,30,45,0.25);
        }
        .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
            background-color: #E9E9E9;
        }
        .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
            background-color: @primary-color;
        }
        .ant-steps-item-tail::after {
            height: 2px;
            background: #E9E9E9;
            border-radius: 6px;
        }
        .ant-steps-label-vertical .ant-steps-item-tail {
           margin-left: 55px;
           padding: 0px 20px
        }
    }
   
    

}
.actionModal {
    width: 424px;
    border-radius: 2px;
    background: #fff;
    padding-bottom: 0px;
    box-shadow: 0px 12px 48px 16px rgba(0,0,0,0.03),0px 9px 28px 0px rgba(0,0,0,0.05),0px 6px 16px -8px rgba(0,0,0,0.08);
   
}